<!DOCTYPE html>
<html>

<head>
    <title>
    </title>
    <link rel='stylesheet' href='/stylesheets/base.css' />
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel='stylesheet' href='/stylesheets/common.css' />
    <link rel='stylesheet' href='/stylesheets/index.css' />
</head>

<body>
    <div class="upload" style="height: 48px;margin-bottom: 8px;background-color: #eee;width: 100%;">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-9">
                <button class="btn btn-primary btn-lm btn-top" data-toggle="modal" data-target="#myModal" id="addType">添加相册分类</button>
                <!-- <form class="form-inline" method="post" enctype="multipart/form-data" id="form"> -->
                <div class="form-group top-btn">
                    <span class="form-control fileinput-button">
                            <span>请选择图片</span>
                    <input type="file" name="file" id="file">
                    </span>
                </div>
                <!-- <button type="submit" class="btn btn-primary">提交图片</button> -->
                <!-- </form> -->
            </div>
        </div>

    </div>
    <div class="focus ">
        <div class="container ">
            <div id="focus-category " class="category fl ">
                <a href="### " target="_blank " class="category-title"><i class="icon">&#xe608;</i>相册分类</a>
                <ul class="category-list ">
                    <li class="dropdown " data-active="category " data-load="js/category-detail-1.json ">
                        <div class="dropdown-toggle">
                            <a target="javascripts:;" class="dropdown-link" style="color: maroon;" name="0">默认相册</a>
                            <i class="dropdown-arrow ">&gt;</i>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main row" id="formData">
            </div>

            <nav class="nav-aria aria-label" aria-label="...">
                <ul class="pagination pagination-lg">
                </ul>
            </nav>
        </div>
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            添加相册分类
                        </h4>
                    </div>
                    <div class="modal-body">
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="modal-footer">
                        <!-- <button type="button" class="btn btn-warn" style="color: #000;" data-dismiss="modal">关闭
                        </button> -->
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            确认提交
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
        <!-- <form action="/upload" method="post" enctype="multipart/form-data">
            <h2>单图上传</h2>
            <input type="file" name="logo">
            <input type="submit" value="提交">
        </form>

        <form id='editfile' method='post' action='/multerUpload/upload' enctype='multipart/form-data'>
            <input name="text" type="text" /> 选择图片：
            <input name="file" id='upfile' type='file' />
            <input type='submit' value='提交' />
        </form>

        <form method="post" enctype="multipart/form-data" action="/file-upload">
            <input type="text" name="username">
            <input type="password" name="password">
            <input type="file" name="thumbnail">
            <input type="submit">
        </form> -->
        <!-- <script src="/jquery/dist/jquery.min.js " type="text/javascript "></script> -->
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js "></script>
        <script>
            //两种判断是否有jquery库的写法：
            // window.jQuery || document.write('<script src="js/jquery.js "><' + '/script>')
            window.jQuery || document.write('<script src="/javascripts/jquery.js "><\/script>');
        </script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js "></script>
        <script src="/javascripts/jqueryBase.js "></script>
        <script src="/javascripts/index.js "></script>

</body>

</html>